<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>如果你乖给你买条gai</title>
    <link rel="stylesheet" href="/libs/swiper/css/swiper.min.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- //右侧导航 -->
    <div class="right-bar">
        <div class="right-blanck"></div>
        <div class="sidebar home">
            <a href="https://www.mogu.com?acm=3.mce.1_10_1kojy.14360.0.sEK22rQxdYRa8.pos_0-m_482443-sd_119">
                <div>首页</div>
            </a>
        </div>
        <div class="sidebar coupon">
            <a href="https://www.mogu.com?acm=3.mce.1_10_1kojy.14360.0.sEK22rQxdYRa8.pos_0-m_482443-sd_119">
                <div>优惠券</div>
            </a>
        </div>
        <div class="sidebar wallet">
            <a href="https://www.mogu.com?acm=3.mce.1_10_1kojy.14360.0.sEK22rQxdYRa8.pos_0-m_482443-sd_119">
                <div>钱包</div>
            </a>
        </div>
        <div class="sidebar custom">
            <a href="https://www.mogu.com?acm=3.mce.1_10_1kojy.14360.0.sEK22rQxdYRa8.pos_0-m_482443-sd_119">
                <div>客户服务</div>
            </a>
        </div>
        <div class="sidebar seller">
            <a href="https://www.mogu.com?acm=3.mce.1_10_1kojy.14360.0.sEK22rQxdYRa8.pos_0-m_482443-sd_119">
                <div>商家后台</div>
            </a>
        </div>
        <div class="goTop">
            <div class="back2top">
                <a href="javascript:;"><i></i></a>
            </div>
        </div>
    </div>
    <!-- 头部 -->
    <header></header>
    <!-- 轮播图 -->
    <div class="banner">
        <ul>
            <li><a href="#"><img
                        src="https://tse3-mm.cn.bing.net/th/id/OIP.1CmO--ssLiF3bDgYuj1YkwHaE7?w=246&h=163&c=7&o=5&dpr=1.5&pid=1.7"
                        alt=""></a></li>
            <li><a href="#"><img
                        src="https://tse1-mm.cn.bing.net/th/id/OIP.na5VXRg0N1J1ryUWj1cD7gHaD7?w=300&h=159&c=7&o=5&dpr=1.5&pid=1.7"
                        alt=""></a></li>
            <li><a href="#"><img
                        src="https://tse2-mm.cn.bing.net/th/id/OIP.akXNeryuw1imVaFbIlboeAHaFP?w=252&h=176&c=7&o=5&dpr=1.5&pid=1.7"
                        alt=""></a></li>
            <li><a href="#"><img
                        src="https://tse2-mm.cn.bing.net/th/id/OIP.EKJqyU44qtVlHvfSTk5LjwHaEK?w=300&h=168&c=7&o=5&dpr=1.5&pid=1.7"
                        alt=""></a></li>
        </ul>
        <ol>
            <li class="atv"></li>
        </ol>
        <div class="btn left">&lt;</div>
        <div class="btn right">&gt;</div>
    </div>
    <!-- 内容 -->
    <div class="content">
        <div class="content-area">
            <div class="content-wrap">
                <img src="https://s10.mogucdn.com/p2/160912/upload_2e918fif9155al41c9hbedf9h586d_1920x316.jpg_2000x9999.v1c7E.81.webp"
                    alt="">
            </div>
            <div class="content-sort" id="categoryList">
                <!-- <div><span>2</span></div> -->
                <!-- <div class="sort-atv"><span>2</span></div> -->
            </div>
            <script type="text/html" id="categoryTemplate">
                {{each list item,index}}
                <div><span>{{item.content}}</span></div>
                {{/each}}
            </script>
            <div class="content-show" id="shopList">
                <!-- <div><a href="#" class="aimg"><img src="https://s11.mogucdn.com/p2/160909/106860669_47bb5a51j71i0hbc3kbefdkhj877l_640x960.jpg_320x999.v1cAY.81.webp" alt=""></a>
                    <p>不褪色 不起球 新款高腰弹力显瘦黑色小脚裤外穿打底裤</p>
                    <a href="#" class="aprice">
                        <div class="price-wrap">
                            <span class="pricelogo price-fl">上新价</span>
                            <span class="price-fl priceValue">￥32.00</span>
                            <span class="price-fl priceDel"><del>￥36</del></span>
                        </div>
                    </a>
                    <a href="#" class="buy-btn">
                        <span>立即购买</span>
                    </a>
                </div> -->
                <div><a href="#" class="aimg"><img
                            src="https://s11.mogucdn.com/p2/160909/106860669_47bb5a51j71i0hbc3kbefdkhj877l_640x960.jpg_320x999.v1cAY.81.webp"
                            alt=""></a>
                    <p>不褪色 不起球 新款高腰弹力显瘦黑色小脚裤外穿打底裤</p>
                    <a href="#" class="aprice">
                        <div class="price-wrap">
                            <span class="pricelogo price-fl">上新价</span>
                            <span class="price-fl priceValue">￥32.00</span>
                            <span class="price-fl priceDel"><del>￥36</del></span>
                        </div>
                    </a>
                    <a href="#" class="buy-btn">
                        <span>立即购买</span>
                    </a>
                </div>
            </div>
            <script type="text/html" id="shopListTemplate">
                {{each list shop,index}}
                    <div><a href="/html/detail.html?id={{shop.id}}" class="aimg"><img src="{{shop.img}}" alt=""></a>
                        <p>{{shop.shopContent}}</p>
                        <a href="#" class="aprice">
                            <div class="price-wrap">
                                <span class="pricelogo price-fl">上新价</span>
                                <span class="price-fl priceValue">￥{{shop.newprice}}</span>
                                <span class="price-fl priceDel"><del>￥{{shop.price}}</del></span>
                            </div>
                        </a>
                        <a href="#" class="buy-btn">
                            <span>立即购买</span>
                        </a>
                    </div>
                {{/each}}
            </script>
        </div>
    </div>
    <!-- 页尾 -->
    <footer></footer>
</body>
<script src="/libs/require/require.min.js" data-main="/js/index"></script>

</html>